body{font-size:62.5%;font-family:"Microsoft YaHei",Arial; overflow-x:hidden; overflow-y:auto;}
.viewport{ max-width:640px; min-width:300px;  margin:0px auto;}
body,ul,li,div,p,h1,img,h2{margin: 0;padding: 0;}
#top{
	background-color: #003399;
	color: white;
	font-weight: bolder;
	text-align: center;
	font-size: 16px;
	height: 2.5rem;   
	line-height: 2.5rem;
}
 
.s{
	width: 100%;
	position: fixed;
	bottom: 0%;
	color: white;
	text-align: center;
	font-size: 14px;
	background-color: #777777;
	line-height:222%;
	height:6%;
}
.i1{
	position: relative;
	float: left;
}
.i2{
	position: relative;
	float: right;
}
.i3{
	width: 100%; 
}
.i4{
	width:90%; 
}
.tp{
    	position: fixed;
    	right:2%;
    	bottom: 8%;
    	z-index: 1;
    	text-decoration: none;
    }
.tp img{
	height: 2.5rem;
	width: 2.5rem;
}
#max{
	text-align: center;
}
#ipt{
	font-size: 16px;
	margin: 0.8rem;
}
.red{
	color: red;
}
/*#ipt input{
	width: 98%;
	border-radius: 0.3rem;
	border:1px solid #CCCCCC;
	height: 1.8rem;
	padding-left: 1%;
	margin-bottom: 1rem;
	margin-top: 0.2rem;
}*/
.rad{
	width: 98%;
	border-radius: 0.3rem;
	border:1px solid #CCCCCC;
	height: 1.8rem;
	padding-left: 1%;
	margin-bottom: 1rem;
	margin-top: 0.3rem;
}
#ged{
	margin-bottom: 0.8rem;
}
.sbt{
	background-color: #337AB7;
	color: white;
	width: 6rem;
	height: 3.1rem;
	font-size: 16px;
	border-radius: 0.6rem;
}
#bott{
	width: 100%;
	text-align: center;
}
